<div class="choseInput" style="margin-top: 20px;">
    <div class="form-group">
        <button class="col-sm-3 btn btn-default" ng-click="chooseCustomer = !chooseCustomer;chooseCustomer2=false;">
            选择客户
        </button>
        <div class="col-sm-9" data-id="{{detail.customerId}}">
            {{detail.customerName}}-{{detail.customerId}}
        </div>
    </div>

    <div class="form-group">
        <button class="col-sm-3 btn btn-default" ng-click="chooseCustomer2 = !chooseCustomer2; chooseCustomer = false;">
            添加商品
        </button>
        <div class="col-sm-9">

            <table class="table table-bordered panel-body table-hover table-condensed ">

                <thead>
                <tr>
                    <th width="15%">{{item.commodityId}}</th>
                    <th width="30%">商品名称</th>
                    <th width="20%">订单数量</th>
                    <th width="20%">实际购买数量</th>
                    <th width="15%">操作</th>
                </tr>
                </thead>

                <tbody>
                <tr ng-repeat="item in detail.commoditys">
                    <td>{{item.commodityId}}</td>
                    <td>{item.name}}</td>
                    <input ng-model="item.number">
                    <input ng-model="item.number">
                    <td><a ng-click="addCart(item.commodityId,0,item.name)">删除</a></td>
                </tr>
                </tbody>

            </table>


            <div ng-repeat="item in detail.commoditys">
                名称:{-
                数量:

            </div>
        </div>
    </div>

    <div class="form-group">
        <button class="col-sm-3 btn btn-default">客户要求</button>
        <div class="col-sm-9">
            <input type="text" class="form-control" ng-model="detail.customerRequirement" placeholder="客户要求">
        </div>
    </div>

    <div class="form-group">
        <div class="col-sm-offset-3 col-sm-9">
            <a class="btn btn-default" ng-click="submit()">生成预订单</a>
        </div>
    </div>

</div>

<div style="background-color: white;"
     class=" slider_right {{ chooseCustomer ? 'active' : 'default' }}">

    <button type="button" class="btn btn-sm pull-left" style="margin-top:10px;"
            ng-click="chooseCustomer = !chooseCustomer">关闭
    </button>

    <form class=" form-inline row" style="margin:10px 0;margin-left:30px;">


        <div class="col-sm-4">

            <select class="form-control btn btn-default btn-block" ng-model="queryData.area">
                <option value="">-- 所在区 --</option>
                <option value="蜀山区">蜀山区</option>
                <option value="包河区">包河区</option>
                <option value="庐阳区">庐阳区</option>
                <option value="瑶海区">瑶海区</option>
                <option value="政务区">政务区</option>
                <option value="经济技术开发区">经济技术开发区</option>
                <option value="高新区">高新区</option>
                <option value="滨湖新区">滨湖新区</option>
                <option value="新站区">新站区</option>
            </select>

        </div>

        <div class="col-sm-7">

            <div class="input-group">
                <input type="text" class="form-control" placeholder="Search for...">
                    <span class="input-group-btn">
                        <button class="btn btn-warning" type="button">搜索</button>
                    </span>

            </div>

        </div>

    </form>

    <div class="panel panel-default">
        <table class="table table-bordered panel-body table-condensed table-hover">
            <thead>
            <tr>
                <th width="20%">姓名</th>
                <th width="10%">所属区</th>
            </tr>
            </thead>
            <tbody>
            <tr ng-repeat="item in linCustomerList.resultData"
                ng-click="detail.customerId = item.customerId;detail.customerName = item.customerName; ">
                <td>{{item.customerName}}</td>
                <td>{{item.area}}</td>
            </tr>
            </tbody>
        </table>

        <div class="panel-footer" style="text-align: center;">
            <uib-pagination style="margin:0;" ng-change="linCustomerPageChanged(linCustomerList.currentPage)"
                            total-items="linCustomerList.totalSize" ng-model="linCustomerList.currentPage"
                            items-per-page="linCustomerList.pageSize" max-size="5" class="pagination-sm"
                            boundary-links="true"
                            rotate="false"></uib-pagination>
        </div>

    </div>


</div>


<div style="background-color: white;" class=" slider_right_lg {{ chooseCustomer2 ? 'active' : 'default' }}">

    <button type="button" class="btn btn-sm pull-left" style="margin-top:10px;"
            ng-click="chooseCustomer2 = !chooseCustomer2">关闭
    </button>

    <form class="row form-inline" style="margin:10px 0;margin-left:100px;">

        <div class="form-group col-md-3">
            <input type="text" class="form-control" placeholder="商品名称">
        </div>

        <div class="form-group col-md-3">
            <select class="form-control" ng-model="f.name" ng-options="f.name for f in f_class">
                <option value="">-- 请选择商品分类 --</option>
            </select>
        </div>

        <div class="form-group col-md-3" ng-if="f.name">
            <select class="form-control" ng-model="queryData.categoryItem" ng-options="s.name for s in s_class">
                <option value="">-- 请选择商品二级分类 --</option>
            </select>
        </div>

        <div class="form-group pull-right" style="margin-right:30px;">
            <button type="button" class="btn btn-warning btn-block" ng-click="doQuery();">查询</button>
        </div>

    </form>


    <div class="panel panel-default">

        <div class="panel-heading clearfix">
            商品列表
        </div>

        <table class="table table-bordered panel-body table-condensed ">
            <thead>
            <tr>
                <th width="5%">#</th>
                <th hidden>商品id</th>
                <th width="20%">商品名称</th>
                <th width="10%">二级类目id</th>
                <th width="10%" hidden>商品价格</th>
                <th width="10%">售价</th>
                <th width="10%" hidden>价格单位</th>
                <th width="10%" hidden>每单位重量及描述</th>
                <th width="20%">商品描述</th>
            </tr>
            </thead>

            <tbody>
            <tr ng-repeat="item in productList" ng-click="addCart(item.commodityId,number,item.name)">
                <th>
                    {{$index+1}}
                </th>
                <th hidden>{{item.commodityId}}</th>
                <td>{{item.name}}</td>
                <td>{{item.categoryId}}</td>

                <td hidden>{{item.curPrice}}</td>
                <td>{{item.outPrice}}</td>
                <td hidden>{{item.unit}}</td>
                <td hidden>{{item.curUnitWeight}}</td>
                <td>{{item.descr}}</td>
            </tr>
            </tbody>
        </table>

        <div class="panel-footer" style="text-align: center;">
            <uib-pagination style="margin:0;" ng-change="pageChanged(page.currentPage)" total-items="page.totalSize"
                            ng-model="page.currentPage"
                            items-per-page="page.pageSize" max-size="5" class="pagination-sm " boundary-links="true"
                            rotate="false"></uib-pagination>
        </div>

    </div>

</div>